(function () {
    // 1. 初始化裁剪插件
    let cropper
    // 选择图片
    $('.select').on('click',(e)=>{
        $("#file").click()    
    })
    $('#file').on('change',function (e) {
        const url = URL.createObjectURL(this.files[0])
        cropper.replace(url) 
    })
    // 确定按钮
    $('.sure').on('click',e=>{
        const canvas = cropper.getCroppedCanvas({ // 利用cropper的方法, 把裁剪区域输出到一个canvas标签上 // width和height是canvas标签的大小
            width: 100,
            height: 100
        });
        let base64Str = canvas.toDataURL("image/jpeg");
        base64Str = encodeURIComponent(base64Str);
        const str = "avatar=" + base64Str;
        getAvatar(str,(res)=>{
            window.parent._getUser()
        })
        // axios.post(`${baseUrl}/my/update/avatar`,str,{
        //     headers: {
        //         Authorization: localStorage.getItem('token')
        //       }
        // }).then(res=>{
        //     window.parent._getUser()
        // })
    })
    function getUser() {
        getUserInfo(res=>{
            console.log(res);
			// 解构赋值  获取status
			const {status} = res.data
			if (status===0) {
				// 解构赋值  res.data.data
				const {user_pic} = res.data.data
				if (user_pic) {
                    $('#image').prop('src',user_pic)
                }
                cropper = new Cropper($("#image")[0], {
                    aspectRatio: 1, // 裁剪图层的横纵比例
                    preview: $(".img-preview") // 多看文档里每个属性的意思, 一般都会有, 实在没用自己写/换个插件
                });
			}
			if (status===1) {
				localStorage.removeItem('token')
				location.href = '../login.html'
			}
        })
		// axios.get(`${baseUrl}/my/userinfo`,{
		// 	headers:{
		// 		Authorization:localStorage.getItem('token')
		// 	}
		// }).then(res=>{
		// 	console.log(res);
		// 	// 解构赋值  获取status
		// 	const {status} = res.data
		// 	if (status===0) {
		// 		// 解构赋值  res.data.data
		// 		const {user_pic} = res.data.data
		// 		if (user_pic) {
        //             $('#image').prop('src',user_pic)
        //         }
        //         cropper = new Cropper($("#image")[0], {
        //             aspectRatio: 1, // 裁剪图层的横纵比例
        //             preview: $(".img-preview") // 多看文档里每个属性的意思, 一般都会有, 实在没用自己写/换个插件
        //         });
		// 	}
		// 	if (status===1) {
		// 		localStorage.removeItem('token')
		// 		location.href = '../login.html'
		// 	}
		// })
	}
	getUser()
})()